
<template>
    <div>
        我是子组件1 {{ a1 }} {{ a2 }} {{ a3 }}
        ++++++++++++
        {{ $attrs }}
        ++++++++++++
        <PageA v-bind="$attrs" v-on="$listeners" @update="uo"></PageA>
    </div>
</template>
  
<script>
import PageA from './PageA.vue';
export default {
    components:{
        PageA
    },
    // inheritAttrs: false,
    props: ["a1","a2"],
    // props: {
    //     a1: {
    //         type: Array
    //     },
    //     a2: {
    //         default: 20,
    //         require: true,
    //         type: String || Number
    //     },
    //     a3: {
    //         default: 30,
    //         require: true,
    //         type: String || Number
    //     },
    // },
    name: "HelloWorld",
    data() {
        return {

        };
    },
    created() {},
    mounted() {
        
    },
    methods: {
        update(value){
            console.log('子组件==>',value);
        }
    }
};
</script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
  